<template>
  <div>
    <CloudTimePicker :open="open" @openChange="handleOpenChange">
      <CloudButton slot="addon" slot-scope="panel" size="small" type="primary" @click="handleClose">
        Ok {{ panel.prefixCls }}
      </CloudButton>
    </CloudTimePicker>
    <CloudTimePicker :open.sync="open2">
      <CloudButton slot="addon" size="small" type="primary" @click="handleClose"> Ok </CloudButton>
    </CloudTimePicker>
  </div>
</template>

<script>
  import moment from 'moment';
  export default {
    title: '6.附加内容',
    subTitle: '在 TimePicker 选择框底部显示自定义的内容。',
    data () {
      return {
        open: false,
        open2: false,
      }
    },
    methods: {
      handleOpenChange (open) {
        console.log('open', open);
        this.open = open;
      },
      handleClose () {
        this.open = false;
        this.open2 = false;
      },
    }
  }
</script>
<style lang="scss" scoped>
</style>